<!--
 * @Author: wjc
 * @Date: 2025-02-13 14:52:31
 * @LastEditors: wjc
 * @LastEditTime: 2025-10-28 14:31:27
 * @Description: 
-->
<template>
  <el-popover :content="created" :title="showTitle" placement="bottom-start" trigger="hover">
    <template #reference>
      <span class="color-info font-s-14px">{{ updated }}</span>
    </template>
  </el-popover>
</template>

<script setup lang="ts">
  defineOptions({
    name: 'ListTimer',
  })

  const props = defineProps<TimerProps>()

  export interface TimerProps {
    created: string
    title?: string
    updated: string
  }

  const showTitle = computed(() => props.title || '创建于')
</script>
